.classify {
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
  height: 3.333rem; // 250px
  position: relative;
  padding-top: 0.2rem; // 15px
  padding-bottom: 0.467rem; // 35px
  box-sizing: border-box;

  a {
    width: 20%;
    height: 1.333rem; // 200px / 2
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    font-size: 0.24rem;

    img {
      width: 0.8rem;
      height: 0.8rem;
    }
  }

  ol {
    position: absolute;
    bottom: 0.24rem;
    left: 50%;
    transform: translate(-50%);

    li {
      background: #999999;
      width: 0.107rem;
      height: 0.107rem;
      border-radius: 0.053rem;
      float: left;
      margin: 0 2px;

      &.current {
        background: red;
      }
    }
  }
}
